<template>
  <demo :code-str="codeStr" :code-desc="codeDesc">
    <template #componentName>Icon基础用法</template>
    <template #componentDesc>Icon 的 name 属性支持传入图标名称或图片链接</template>
    <template #component>
      <h-icon name="chat-o" />
      <h-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
    </template>
  </demo>
</template>

<script>
export default {
  name: 'MobileV2IconBaseDemo',
  data() {
    return {
      codeDesc: '',
      codeStr: `
<h-icon name="chat-o" />
<h-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
        `,
    };
  },
};
</script>

<style>
</style>